@charset "utf-8";
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑"; overflow-x: hidden;  }
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #d02036;}
img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/
.container { width: 1400px; margin: 0 auto;}
.logo { position: relative;}
.logo img { height: 27px; transition: all 0.5s;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.header { transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; height: 105px; display: flex; padding: 0 45px; justify-content: space-between; align-items: center;}
.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.small-header .header{ height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.small-header .header .logo img { opacity: 0;}
.small-header .header .logo img:nth-child(2) { opacity: 1;}
.small-header .header .nav li h2 a { line-height: 80px;}
.small-header .header dl { top: 80px;}
.small-header .header .productSub { top: 80px;}
.header:hover { background: #ffffff;}
.header:hover .nav li h2 a,.small-header .header .nav li h2 a{ color: #333333;}
.header:hover .langChose h2,.small-header .header .langChose h2 { color: #333333; background: url(../images/blackEarth.png) left center no-repeat;}
.header:hover .searchEnter,.small-header .header .searchEnter { background: url(../images/blackSearch.png) center no-repeat;}
.header:hover .logo img { opacity: 0;} 
.header:hover .logo img:nth-child(2) { opacity: 1;}
.header .nav li h2 a:hover { color: #d02036;}
.nav>ul{gap: 65px; display: flex; justify-content: center; align-items: center;}
.menuBtn { display: none;}
.nav li h2 { position: relative;}
.nav.cnNav li dl { width: 180px; padding: 20px;}
.nav li h2::after { content: ''; height: 2px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s; width: 0; background: #d02036;}
.nav li:hover h2::after { width:50px;}
.nav li h2 a { transition: all 0.5s; line-height: 105px; white-space: nowrap; font-size: 18px; color: #ffffff;}
.header .nav li.cur h2 a,.header .nav li.act h2 a { color: #d02036;}
.nav li { position: relative;}
.nav li dl { box-sizing: border-box; display: none; width:340px; background: #ffffff; position: absolute;  padding: 20px 32px; left: 50%; transform: translateX(-50%); top: 105px;}
.nav li dt { border-bottom:1px solid #eee; font-size: 16px; line-height: 3;}
.nav li dt:last-child { border: none;}
.nav li dt a { display: block; transition: all 0.3s;}
.nav li dt:hover>a { color: #d02036; }
.productSub { height: auto!important; display: none; width: 480px; background: #ffffff; position: absolute; top: 105px; left: 50%; transform: translateX(-50%);}
.productSub::after { content: ''; position: absolute; left: 50%; width: 1px; height: 100%; background: #eee;}
.menuChose p { cursor: pointer; transition: all 0.3s; font-size: 16px; line-height: 3; text-indent: 20px;}
.menuChose p a { transition: all 0.3s; color: #000;}
.menuChose p.cur { background:#d02036 ;}
.menuSlide { float: left; width: 240px;}
.menuSlide li { text-indent: 20px;}
.menuSlide li a { transition: all 0.3s;  display: block; font-size: 16px; line-height: 3; text-indent: 20px; color: #000;}
.menuSlide li a:hover { background: #d02036; color: #ffffff;}
.menuChose p.cur a{ color: #ffffff;}
.menuChose { float: left; width:240px;}
.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start; align-items: center;}
.searchBox { position: relative;}
.searchinput{z-index: 3; transition: all .5s; opacity: 0;pointer-events: auto;right:0; transform: scale(0); transform-origin: right center;  position: absolute; width: 350px; top:50%; margin-top: -23px;}
.searchinput.show {  transform: scale(1); opacity: 1;} 
.searchinput .hsform{width: 100%;border-radius: 30px;overflow: hidden;background-color: #d02036;}
.searchinput .hsform .sinput{border: none; width: 100%;height: 44px;background-color: #d02036;color: #fff;text-indent: 20px;font-size: 16px;}
.searchinput .hsform .sinput::placeholder{color: #fff;font-size: 16px;}
.searchinput .hsform .sbtn{border: none; width: 44px;height: 44px;background: url(../images/search.png) center center no-repeat;background-size: 17px;cursor: pointer;}
.searchinput .sclosebtn{width: 44px;height: 44px;position: relative;cursor: pointer;transition: 0.5s;}
.sclosebtn:hover { transform: rotate(180deg);}
.searchinput .sclosebtn:before{content: "";display: block;width: 30px;height: 2px;background-color: #d02036;position: absolute;left: 7px;top: 21px;transform: rotateZ(45deg);}
.searchinput .sclosebtn:after{content: "";display: block;width: 30px;height: 2px;background-color: #d02036;position: absolute;left: 7px;top: 21px;transform: rotateZ(-45deg);}
.searchEnter {  transition: all 0.5s;cursor: pointer; display: block; background: url(../images/search.png) center no-repeat; display: block; width: 22px; height: 22px;}
.menuControl { display: flex; gap: 26px; align-items: center;}
.langChose h2 {white-space: nowrap; transition: all 0.5s; line-height: 105px; position: relative;cursor: pointer; color: #ffffff; padding-left: 34px; position: relative;  background: url(../images/earth.png) left center no-repeat; transition: all .5s; font-size: 18px;}
.langChose { position: relative;}
.langChose dl { box-shadow:0 0 10px rgba(0,0,0,0.1); display: none; background: #ffffff; border-radius: 4px; text-align: center; width: 84px; padding: 5px 0; position: absolute; top:80px; left: 50%; transform: translateX(-50%);}
.langChose dl::after { content: ''; position: absolute; top: -6px; left: 0; height: 6px; width: 100%; background: url(../images/dsj.png) center no-repeat; background-size: auto 6px;}
.langChose dt a{ transition: all .5s; display: block; font-size: 14px; color: #393939;}
.langChose dt:hover a { color: #d02036;}
.langChose.cur dl { display: block;}
.header .langChose:hover h2{background: url(../images/earthon.png) left center no-repeat; color: #d02036;}
.header .searchEnter:hover { background: url(../images/searchon.png) center no-repeat;}
/**波浪**/
.wave-box { position: relative; pointer-events: none; height: clamp(0px, calc(100vw*0.0772), 60px); overflow: hidden;}
.banner .wave-box { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%;}
.wave-box .wave { display: block; position: absolute; left: 0; top: 0; transform: translateX(0%); width: 400%; height: 100%; background: url(../images/wave1.png) repeat-x left top;}
.wave-box .wave1 { opacity: 1; animation: FRipple 12s 0s linear infinite;}
/*banner*/
.banner { position: relative;}
.banner img{ display: block; width: 100%;}
.banner .swiper-pagination { text-align: left; left: 50%; bottom: 7.3vw; width: 1400px; transform: translateX(-50%);}
.banner .swiper-pagination span { opacity: 1; transition: all 0.3s; box-sizing: border-box; border: 2px solid #ffffff; background: none; outline: none; width: 16px; height: 16px; margin:0 18px 0 0!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #ffffff;}
.bannerText { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; transform: translateY(-50%);}
.bannerText p { font-size: 3.125vw; color: #ffffff;}
.downMouse p { white-space: nowrap; font-size: 16px; transform: rotate(-90deg);}
.downMouse { width: 14px; position: absolute; left: 30px; bottom: 7px; z-index: 200;}
.downMouse b { background: url(../images/mouse.png) center no-repeat; width: 14px; height: 24px; display: block; margin:10px auto 0;}
.downMouse span {  width: 2px; height: 0; position: absolute; left: 50%; margin-left: -1px; bottom: 180px; animation: longAni 2s infinite linear; background: #000000; display: block;}
@keyframes FRipple {
  100% {
    transform: translateX(-50%);
  }
}
@keyframes longAni {
  	
  100% {
   height: 64px;
  }
}
.indexAbout .container { display: flex; justify-content: space-between; background: url(../images/ab1.png) right top no-repeat; background-size: cover;}
.aboutCont { padding: 140px 0 132px;}
.aboutArt span{ font-size: 20px; color: #d02036;}
.aboutArt h2 { margin: 22px 0 30px; font-size: 46px; font-weight: bold; color: #222222; line-height: 58px;}
.aboutArt p { margin-bottom: 12px; font-size: 16px; line-height: 2; color: #333333;}
.aboutArt { width: 845px;}
.more { position: relative; overflow: hidden; display: inline-flex; width: 178px; line-height: 58px; align-items: center; justify-content: space-between;
box-sizing: border-box; padding:0 31px 0 33px; border: 1px solid #d02036; border-radius: 58px;}
.more b{  transition: all 0.5s; position: relative; z-index: 2; font-size: 16px; color: #d02036;}
.more i { transition: all 0.5s;position: relative; z-index: 2; display: block; background: url(../images/moreIcon.png) center no-repeat; width: 13px; height: 14px;}
.more::after { content: ''; position: absolute; left: 0; height: 100%; width: 0; transition: all 0.5s; background: #d02036;}
.more:hover::after { width: 100%;}
.more:hover b { color: #ffffff;}
.more:hover i { transform: rotate(315deg); background: url(../images/moreIconCur.png) center no-repeat;}
.aboutArt a.more { margin-top:60px;}
.aboutData {padding-top: 20px; text-align: right;}
.aboutData p { margin-bottom: 30px; line-height:54px; font-size: 72px; color: #d02036;}
.aboutData li { margin-bottom: 68px;}
.aboutData li b { font-size: 16px; color: #333333; line-height: 1;}
.project { background: url(../images/bg2.jpg) center no-repeat; background-size: cover; padding: 95px 0 70px;}
.project .titleCell { margin-bottom: 52px; text-align: center;}
.project ul { display: flex; justify-content: space-between; gap: 20px;}
.project li { flex: 1;}
.titleCell span { font-size: 20px; color: #d02036;}
.titleCell p { font-weight: bold; font-size: 46px; color: #222222; line-height: 1; margin-top: 20px;}
.projectSwiper .swiper-slide { position: relative; overflow: hidden;}
.projectSwiper .swiper-slide img { transition: all 0.5s; display: block; width: 100%;}
.projectDesc { position: absolute; top: 49px; left: 38px; right: 38px;}
.projectDesc h2 { font-size: 18px; font-weight: bold; color: #222222; line-height: 1; margin-bottom: 14px;}
.projectDesc p { font-size: 16px; color: #777777; line-height: 28px; height: 56px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.projectDesc .moreIcon { margin-top: 16px; overflow: hidden; position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #d53d50;
border-radius: 50%;}
.projectDesc .moreIcon i {transition: all 0.5s;position: relative; z-index: 2; display: block; background: url(../images/moreIcon.png) center no-repeat; width: 13px; height: 14px;}
.projectDesc .moreIcon::after { content: ''; position: absolute; left: 0; height: 100%; width: 0; transition: all 0.5s; background: #d02036;}
.projectSwiper .swiper-slide:hover .moreIcon::after { width: 100%;}
.projectSwiper .swiper-slide:hover .moreIcon i {transform: rotate(360deg); background: url(../images/moreIconCur.png) center no-repeat;}
.projectSwiper .swiper-slide:hover img { transform: scale(1.1);}
.projectSwiper { position: relative; padding-bottom: 63px;}
.projectSwiper .swiper-pagination { bottom: 0;}
.projectSwiper .swiper-pagination span { width: 80px; height: 4px; background: #dfe5ee; opacity: 1; transition: all 0.3s; border-radius: 0;}
.projectSwiper .swiper-pagination span.swiper-pagination-bullet-active { height: 7px; background:#d02036 ;}
.homeNews { padding: 120px 0 108px;}
.newsTitle { display: flex; justify-content: space-between; align-items: center;}
.newsBox {  margin-top: 70px; display: flex; justify-content: space-between; align-items: center;}
.bigNews { position: relative; overflow: hidden; width: 56.6%; height: 606px; position: relative;}
.bigNews::after { content: ''; pointer-events: none; z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.064);}
.bigNews::before { content: ''; pointer-events: none; z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to left bottom,rgba(208,32,54,0) 35%,rgba(208,32,54,.35));}
.bigNews img { display: block; width: 100%; height: 100%; transition: all 0.5s; object-fit: cover;}
.bigNews:hover img { transform: scale(1.1);}
.bigText { position: absolute; z-index: 3; bottom: 55px; left: 40px; right: 40px;}
.bigText span { font-size: 16px; color: #d02036;}
.bigText h2 { transition: all 0.3s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-weight: bold; color: #ffffff; font-size: 30px; line-height: 1; margin:20px 0 16px;}
.bigText p { font-size: 16px; color: #ffffff;opacity: .76; line-height: 28px; margin-bottom: 34px;}
.bigText b { font-size: 15px; color: #ffffff;}
.bigNews:hover .bigText h2 { color: #d02036;}
.homeList { width: calc(43.4% - 33px);}
.homeList li { border-bottom: 1px solid #e6e6e6; margin-bottom: 35px; position: relative; padding-bottom: 35px; display: flex; justify-content: space-between; gap: 26px;}
.newsText span { font-size: 15px; color: #d02036;}
.newsText h2 { transition: all 0.3s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; color: #222222; font-size:18px; line-height: 1.2; margin:14px 0;}
.newsText p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 15px; color: #555555; line-height: 24px; margin-bottom:18px;}
.newsText b { display: block;line-height: 1; font-size: 15px; color: #222222;}
.newsPic { width:253px; height: 154px; overflow: hidden;}
.newsPic img { display: block; width: 100%; transition: all 0.5s;}
.newsText { width: calc(100% - 280px);}
.homeList li:last-child { border: none; margin-bottom: 0; padding-bottom: 0;}
.homeList li:hover img { transform: scale(1.1);}
/* .homeList li::after { content: ''; position: absolute; bottom:-1px; left: 0; transition: all 0.5s; width: 0; height: 1px; background: #d02036;}
.homeList li:hover::after { width: 100%;} */
.homeList li:last-child::after { display: none;}
.homeList li:hover h2 {color:#d02036;}
.footer { background: url(../images/footBg.jpg) right bottom no-repeat; background-size: cover;}
.footerTop { padding: 80px 0 8px; display: flex; justify-content: space-between;}
.footLink ul::after { content: ''; clear: both; display: block; height: 0;}
.footLink li { float: left; margin-left: 5.9375vw;}
.footLink li:nth-child(1) { margin-left: 0;}
.footLink p a {  font-size: 15px; color: #ffffff;}
.footLink p {transition: all 0.3s; opacity: .5; line-height: 40px;}
.footLink li h2 a { font-size: 18px; color: #ffffff;}
.footLink p:hover { opacity: 1; transform: translateX(5px); opacity: 1;}
.enFooter .footLink li { margin-left: 2vw;}
.newsCont .titleCell { max-width: calc(100% - 178px);}
.footLink li h2 { line-height: 1; margin-bottom: 20px;}
.footerContact h2 { color: #ffffff; font-size: 18px; line-height: 40px; margin-bottom: 24px;}
.contactLink { margin-bottom: 25px;}
.contactLink ul { display: flex; gap: 10px;}
.contactLink li { position: relative; background: #2f3741; align-items: center; justify-content: center; display: flex; transition: all 0.5s; border-radius: 50%; width: 40px; height: 40px;}
.contactLink li a { align-items: center; justify-content: center; display: flex; width: 100%; height: 100;}
.contactLink li img { display: block; transition: all 0.5s;}
.scaleEwm { border: 6px solid #ffffff; border-radius: 3px; transition: all 0.5s; transform: scale(0); transform-origin: bottom center; position: absolute; bottom: 50px; width: 100px;}
.contactLink li:hover .scaleEwm { transform: scale(1);}
.contactLink li:hover a img { transform: rotateY(360deg);}
.contactLink li:hover { background: #d02036;}
.footerContact p { line-height: 2; font-size: 15px; color: #ffffff;}
.footerContact p a { color: #ffffff; transition: all 0.3s;}
.copyRight { margin-top: 40px; border-top: 1px solid #333b45; line-height: 100px; display: flex; justify-content: space-between; align-items: center;}
.copyRight p,.copyRight a { transition: all 0.3s; font-size: 15px; color: rgba(255,255,255,.36);}
.copyRight a:hover { color: #ffffff;}
/*产品与方案*/
.insideBanner { height: 600px; position: relative;}
.insideBanner img { width: 100%; height: 100%; object-fit: cover;}
.insideBanner::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.23);}
.bannerDesc h2 { font-weight: bold; font-size: 48px; color: #ffffff; line-height: 1; margin-bottom: 18px;}
.bannerDesc p { font-size: 16px; line-height: 1; color: rgba(255,255,255,.5);}
.bannerDesc { z-index: 2; left: 50%; transform: translateX(-50%); position: absolute; top: 37.6%;}
.productEnter { position: relative; z-index: 3; margin: -157px auto 30px;}
.productEnter ul{ display: flex; justify-content: space-between;}
.productEnter li { transition: all .5s; background-image: linear-gradient(to right bottom,#f9f9f9,#dbdbdb); height: 217px; width: 24.5%; display: flex; align-items: center; justify-content: center;}
.productEnter li p { font-size: 18px; font-weight: bold; color: #222222;}
.productEnter li img { display: block; margin: 0 auto 30px; transition: all .5s; }
.productEnter li:hover img { transform: rotateY(360deg);}
.productEnter li a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column;}
.productEnter li:hover,.productEnter li.cur { box-shadow: 0 0 24px rgba(0,0,0,0.46);}
.productPage { background: #fafafa;}
.productTit { text-align: center; position: relative; font-size: 40px; font-weight: bold; color: #333333; line-height: 113px;}
.productTit::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 65px; height: 3px; background: #d10000;}
.proMenu { background: #ffffff; padding: 10px 26px 32px; float: left; width: 330px;}
.proMenu a { transition: all 0.3s; font-size: 16px; color: #333333; display: block; position: relative; line-height: 70px; border-bottom: 1px solid #cccccc; text-indent: 11px;}
.proMenu a::after { content: ''; background: url(../images/promenuIcon.png) center no-repeat; width: 13px; height: 14px; position: absolute; right: 9px;
top: 50%; transform: translateY(-50%); transition: all 0.5s;}
.proMenu a:hover {color:#d02036 ;}
.proMenu a:hover::after { transform: translateY(-50%) rotate(360deg); background: url(../images/moreIcon.png) center no-repeat;}
.proMenu a::before { content: '';  transition: all 0.5s; width: 0; position: absolute; bottom: -1px; left: 0; height: 1px; background:#d02036;}
.proMenu a:hover::before { width: 100%;}
.proMenu a.cur { color: #ffffff; background: #d02036;}
.proMenu a.cur::after { background: url(../images/moreIconCur.png) center no-repeat;}
.productList li { transition: all 0.5s; background: #ffffff; float: left; width: 32%; margin-right: 2%; margin-bottom: 2%;}
.productList li:nth-child(3n) { margin-right: 0;}
.productList { padding-bottom: 5vw; float: right; width: calc(100% - 350px);}
.productPic {overflow: hidden; position: relative; padding-top: 91.6%;}
.productPic img { transition: all 0.5s; max-width: 100%; max-height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.productList li p { font-size: 16px; color: #333333; line-height: 62px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; text-align: center;
padding: 0 10px;}
.productList li:hover { box-shadow: 0 0 16px rgba(0,0,0,0.1);}
.productList li:hover img { transform: translate(-50%,-50%) scale(1.1);}
.fpage {  display: flex; justify-content: center; align-items: center; gap: 10px;}
.fpage a {font-size: 16px; transition: all 0.3s; color: #555555; display: flex; justify-content: center; align-items: center; line-height: 45px; background: #ffffff; border-radius: 50%;width: 45px; height: 45px;}
.fpage a:hover { color:#d02036 ;}
.fpage a.cur { color: #ffffff; background: #d02036;}
.productList ul { margin-bottom: 40px;}
.productBox { margin-top: 50px;}
/*产品详情*/
.productDetailBanner { position: relative; z-index: 2;}
.productBanner { background: url(../images/detailBg.jpg) center no-repeat; background-size: cover; padding: 13.95vw 0 8vw; position: relative;}
.productBanner::after { content: ''; position: absolute; top: 0; width: 100%; left: 0; height: 50%; background-image: linear-gradient(to bottom,rgba(0,0,0,.23),rgba(0,0,0,0));}
.picCont { float: left; width: 620px;}
.bigPic img{ height: 440px; max-width: 100%; object-fit: cover; display: block; margin: 0 auto;}
.bigPic { margin-bottom: 85px;}
.smallPic { padding: 0 35px;}
.smallPic .swiper-slide { cursor: pointer; opacity: .16;}
.smallPic .swiper-slide.cur { opacity: 1;}
.descTit { margin-top: 30px;}
.descTit span { font-size: 20px; color: #d02036; display: block; line-height: 1; margin-bottom: 15px;}
.descTit p { font-size: 46px; font-weight: bold; color: #222222; line-height: 56px;}
.descTit {margin-bottom: 32px; border-bottom: 1px solid #babdbf; padding-bottom: 32px;}
.descList p { position: relative; padding-left: 20px; font-size: 16px; color: #333333; line-height: 26px; margin-bottom: 16px;}
.descList p:last-child { margin-bottom: 0;}
.descCont { float: right; width: calc(100% - 715px);}
.descList { padding-bottom: 42px;}
.descList p::after { content: ''; position: absolute; background: #000000; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.descBtn a { overflow: hidden; position: relative; box-sizing: border-box; display: inline-flex; width: 185px; line-height: 60px; justify-content: space-between; align-items: center;}
.descBtn a.goBuy { margin-right: 18px; padding: 0 28px 0 33px; border: 1px solid #d02036; border-radius: 60px;}
.descBtn a.goBuy span { transition: all 0.5s; z-index: 2; position: relative; font-size: 16px; color: #ffffff;}
.descBtn a.goBuy::after { transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#d02036 ;}
.descBtn a.goBuy:hover::after { left: 100%;}
.descBtn a.goBuy:hover span { color: #d02036;}
.descBtn a.goBuy i { display: block; background: url(../images/moreIconCur.png) center no-repeat; width: 13px; transition: all 0.5s; height: 14px; position: relative; z-index: 2;}
.descBtn a.goBuy:hover i { background: url(../images/moreIcon.png) center no-repeat; transform: rotate(360deg);}
.descBtn a.videoEnter { padding: 0 22px 0 33px; border: 1px solid #d02036; border-radius: 60px;}
.descBtn a.videoEnter span { transition: all 0.5s; z-index: 2; position: relative; font-size: 16px; color: #d02036;}
.descBtn a.videoEnter::after { transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background:#d02036 ;}
.descBtn a.videoEnter:hover::after { width: 100%;}
.descBtn a.videoEnter:hover span { color: #ffffff;}
.descBtn a.videoEnter i { display: block; background: url(../images/playBtn.png) center no-repeat; width: 23px; transition: all 0.5s; height: 23px; position: relative; z-index: 2;}
.descBtn a.videoEnter:hover i { background: url(../images/playBtnon.png) center no-repeat; transform: rotate(360deg);}
.playBtn { cursor: pointer; display: block; background: url(../images/playBtnons.png) center no-repeat; background-size: 100% auto; width: 60px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 0.5s; height: 60px; position: relative; z-index: 2;}
.playBtn:hover { background: url(../images/playBtnons.png) center no-repeat; transform: translate(-50%,-50%) rotate(360deg); background-size: 100% auto;}
.descBtn { border-top: 1px solid #bebfc2; padding-top: 42px;}
.videoAlt video { display: block; max-width: 100%; max-height: 70vh; object-fit: cover; margin: 0 auto;}
.closeVideo { cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat; width: 40px; height: 40px; display: block; position: absolute; right: 0; top: -60px;}
.closeVideo:hover { transform: rotate(360deg);}
.videoAlt { display: none; z-index: 100; width: 600px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
#videoCover { position: fixed; left: 0; top: 0; width:100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.detailTitle { border-bottom: 1px solid #ededed;}
.detailTitle h2 { position: relative; display: inline-flex; font-weight: bold; font-size: 40px; line-height: 3; color: #333333;}
.detailTitle h2::after { content: ''; width: 100%; height: 3px; background: #d10000; position: absolute; bottom: -1px; left: 0;}
.detailCont { margin: 54px auto 50px;}
.detailInfor img {max-width: 100%; display: block; margin: 0 auto;}
.detailInfor { margin-top: 4vw;}
.plist li { transition: all 0.5s; position: relative; float: left; width: 24%; margin-right: 1.33333%;}
.plist li:nth-child(4n) { margin-right: 0;}
.plist li p { transition: all 0.5s; position: relative; z-index: 2; font-size: 16px; text-align: center; line-height: 66px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; 
padding: 0 10px; color: #333333;}
.plist li::after { content: ''; pointer-events: none; position: absolute; width: 100%; background-image: linear-gradient(to bottom,rgba(209,1,0,.05),rgba(209,1,1,1)); left: 0; bottom: 0; height: 0; transition: all 0.5s;}
.plist li:hover::after { height: 100%;}
.plist li:hover p { color: #ffffff; transform: translateY(-22px);}
.plist li:hover { box-shadow: 0 0 24px rgba(0,0,0,0.08);}
.plist li:hover img { transform:translate(-50%,-50%) scale(1.1);}
.plist ul { margin: 50px auto 120px;}
.smallMenu { margin-top: 50px; display: flex; align-items: center;}
.smallMenu a span { position: relative; z-index: 2;}
.smallMenu a { margin-right: 15px; transition: all .5s; position: relative; overflow: hidden; font-size: 16px; display: inline-flex; line-height: 46px; padding: 0 40px; border-radius: 46px; color: #ffffff; border: 1px solid #ffffff;}
.smallMenu a.cur { background: #d02036; border: 1px solid #d02036;}
.smallMenu a:hover { border: 1px solid #d02036; color: #ffffff;}
.smallMenu a::after {transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background:#d02036 ;}
.smallMenu a:hover::after { width: 100%;}
.smallMenu a:hover span { color: #ffffff;}
.location a { transition: all 0.3s; color: #ffffff;}
.location a:hover { color: #d02036;}
.location { z-index: 2; left: 50%; transform: translateX(-50%); font-size: 15px; color: #ffffff; position: absolute; bottom: 44px; line-height: 1;}
.location span { margin: 0 6px;}
.mapTitle { line-height: 114px; position: relative; font-size: 40px; text-align: center; font-weight: bold;}
.mapTitle::after { content: ''; position: absolute; width: 65px; height: 3px; background:#d02036; bottom: 0; left: 50%; transform: translateX(-50%);}
.servicePoint { padding-top: 40px;}
.cityChose { margin: 60px auto 70px;}
.cityChose ul { display: flex; justify-content: center;}
.cityChose li { margin: 0 16px; position: relative; align-items: center; box-sizing: border-box; background: #ffffff; height: 50px;border-radius: 25px;display: flex;align-items: center;justify-content: space-between; cursor: pointer; z-index: 3; box-shadow: 0px 8px 30px 0px rgba(161,164,169,0.2);}
.cityChose li h2 { line-height: 50px; width: 340px; flex: 1; border-radius: 25px; box-sizing: border-box; box-shadow: 0px 8px 30px 0px rgba(161,164,169,0.2); padding: 0 50px; position: relative; z-index: 3;background: url(../images/locationIcon.png) 26px center no-repeat #ffffff}
.cityChose dl {max-height: 250px; width: 100%;z-index: 2; overflow: auto;}
.cityChose li:hover .subCont { display: block;}
.cityChose dl::-webkit-scrollbar { width: 4px;}
.cityChose dl::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
.cityChose dl::-webkit-scrollbar-thumb { background: #d02036;}
.cityChose dt a {transition: all 0.3s; display: block; font-size: 16px; font-weight: 400; color: #000000; cursor: pointer; padding: 0 40px; line-height: 35px;}
.cityChose dt a:hover { color: #d02036;}
.cityChose .subCont { display: none; box-shadow: 0px 8px 30px 0px rgba(161,164,169,0.2); position: absolute;background-color: #fff; border-radius: 25px; top: 0; left: 0; width: 100%; top: 0; padding:50px 0 10px;overflow: hidden;}
.mapCont { position: relative; width: 100%; height: 840px;}
#map { width: 100%; position: absolute; left: 0; top:0; height: 100%;}
.addressInfor { width: 430px; padding: 48px 0 46px 46px; background: #ffffff; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 2;}
.mapCont .container { position: relative; height: 100%;}
.addressInfor li h2 { line-height: 40px; margin-bottom: 8px; font-size: 22px; font-weight: bold; color: #222222;}
.addressInfor li p { font-size: 15px; line-height: 32px; color: #777777;}
.addressInfor li { cursor: pointer; border-bottom: 1px solid #ededed; padding-bottom: 30px; margin-bottom: 40px;}
.addressInfor li img { display: block; margin-bottom: 15px;}
.addressInfor ul { padding-right: 46px; overflow-y: auto; max-height:560px;}
.addressInfor ul::-webkit-scrollbar { width: 4px;}
.addressInfor ul::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
.addressInfor ul::-webkit-scrollbar-thumb { background: #d02036;}
.addressInfor li:last-child { margin-bottom: 0;}
/*使用视频*/
.videoPage { padding: 42px 0 75px;}
.videoList li { cursor: pointer; margin-bottom: 16px; text-align: center; float: left; width: 30%; margin-right: 5%;}
.videoList li:nth-child(3n) { margin-right: 0;}
.videoPic { position: relative; padding-top: 62.14%; overflow: hidden;}
.videoPic img { transition: all 0.5s; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.5s; object-fit: cover;}
.videoList li p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  transition: all 0.5s; font-size: 16px; font-weight: bold; line-height: 80px;}
.videoPic span { background: url(../images/videoPlay.png) center no-repeat; position: absolute; width: 49px; height: 49px; display: block;
left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.videoList li:hover .videoPic span {background: url(../images/videoPlayon.png) center no-repeat; transform: translate(-50%,-50%) rotate(360deg);}
.videoList li:hover img { transform: scale(1.1);}
.videoList ul { margin: 50px auto;}
.videoList li:hover p{ background: #d02036; color: #ffffff;}
.fixForm input,.fixForm select { outline: none; font-size: 16px; background: #f7f8fa; box-sizing: border-box; width: 100%; height: 68px; text-indent: 32px; border: 1px solid #f7f8fa; transition: all .5s; }
.fixForm { margin: 80px auto;}
.fixForm li { position: relative; margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; gap: 25px;}
.inpBox { width: calc(50% - 12.5px);}
.fixForm li textarea { resize: none; font-size: 16px; background: #f7f8fa; box-sizing: border-box; width: 100%; height:190px; padding: 0 32px; outline: none; line-height: 68px; font-family: '微软雅黑'; border: 1px solid #f7f8fa; transition: all .5s;}
.fixForm input:focus,.fixForm li textarea:focus,.fixForm select:focus { border: 1px solid #d02036;}
.centerBtn { text-align: center; margin-top: 55px;}
.centerBtn button { background: #ffffff; cursor: pointer;}
.fixForm select{ color: #777777; appearance: none;}
.selectIcon{ display: block; background: url(../images/selectIcon.png) center no-repeat; width: 15px; height: 9px; pointer-events: none;
 position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
 .checkCode { display: flex;align-self: center; gap: 12px;}
 .checkCode input {outline: none; font-size: 16px; background: #f7f8fa; box-sizing: border-box; width:232px; height: 68px; text-indent: 32px; border: 1px solid #f7f8fa; transition: all .5s;}
.checkCode img { display: block;}
/*加入华腾*/
.joinDesc { background: url(../images/joinDesc.jpg) center no-repeat; background-size: cover; padding: 50px 0 90px;}
.ideaSlide { position: relative;}
.ideaPic { width: 803px; height: 474px; object-fit: cover;}
.ideaDesc { border-radius:8px; font-size: 16px; color: #222222; line-height: 38px; position: absolute; bottom: 60px; right: 48px; background: #ffffff; padding:54px 45px; width: 625px;}
.ideaDesc::after { content: ''; background: url(../images/joinIcon.png) center no-repeat; width: 78px; height: 64px; position: absolute;
top: -45px; right: -45px;}
.ideaHd { overflow: hidden; margin-top: 70px;}
.ideaHd span {transition: all .5s; cursor: pointer; position: relative; font-size: 20px; color: #777777; float: left; width: 33.33%; text-align: center; line-height: 82px; box-sizing: border-box; border-top: 4px solid rgb(238,238,238);}
.ideaHd span::after { transition: all .5s; content: ''; position: absolute; left: 0; top: -4px; height: 4px; width: 0; background: #d02036;}
.ideaHd span.cur::after { width: 100%;}
.ideaHd span.cur { color: #d02036;}
.ideaBd { margin-top: 64px;}
.development { padding: 50px 0 85px;}
.developDesc { text-align: center; color: #333333; font-size: 16px; line-height: 2; margin: 30px 0 40px;}
.developSwiper img { display: block;}
.developSwiper .swiper-slide { display: flex; justify-content: space-between;}
.developBig { width: 32%;}
.developSmall img{ width: 48.5%;}
.developSmall { width: 66%; gap: 3%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.developSwiper { position: relative; padding-bottom: 58px;}
.developSwiper .swiper-pagination { bottom: 0;}
.developSwiper .swiper-pagination span { width: 80px; height: 4px; background: #dfe5ee; opacity: 1; transition: all 0.3s; border-radius: 0;}
.developSwiper .swiper-pagination span.swiper-pagination-bullet-active { height: 7px; background:#d02036 ;}
.jobName { cursor: pointer; padding: 40px 35px 40px; border-bottom: 1px solid #dddddd; position: relative;}
.jobName p { font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 20px;}
.jobName i { background: url(../images/joinSelect.png) center no-repeat; transition: all 0.5s; width: 22px; height: 12px; display: block; position: absolute;
right: 40px; top:50%; transform: translateY(-50%) rotate(180deg);}
.jobTag span { line-height: 1; font-size: 16px; color: #333333; margin-right: 120px;}
.joinCont { background: #f7f7f7; padding: 35px 0 140px;}
.jobList { margin-top: 55px; background: #ffffff;}
.descSub { display: none; border-bottom: 1px solid #dddddd; padding: 40px 75px;}
.descSub p { color: #888888; font-size: 16px; line-height: 30px;}
.descSub p strong { color: #333333;}
.jobList li.cur .jobName i {transform: translateY(-50%) rotate(0);}
.contactCell { background: url(../images/joinCell.jpg) center no-repeat; background-size: cover; padding: 170px 0 130px;}
.contactCell h2 { line-height: 1; margin-bottom: 36px; font-size: 40px; font-weight: bold; color: #222222;}
.contactCell a.more::after { width: 100%;}
.contactCell a.more span { transition: all 0.5s; color: #ffffff; position: relative; z-index: 2; font-size: 16px;}
.contactCell a.more i { background: url(../images/moreIconCur.png) center no-repeat;}
.contactCell a.more:hover::after { left: 100%;}
.contactCell a.more:hover i {background: url(../images/moreIcon.png) center no-repeat;}
.contactCell a.more:hover span { color: #d02036;}
/*家庭医生*/
.familyBanner { position: relative;}
.familyBanner::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.23);}
.familyBanner img { display: block; width: 100%;}
.familyBannerText { max-width: 92%; position: absolute; z-index: 3; top: 50%;left: 50%; transform: translate(-50%,-60%); width: 1135px; text-align: center;}
.familyBannerText h2 { font-size: 48px; font-weight: bold; color: #ffffff; line-height: 1; margin-bottom: 30px;}
.familyBannerText p { font-size: 16px; color: #ffffff; line-height: 30px;}
.downLink li { position: relative; display: inline-flex;justify-content: center; align-items: center;}
.downLink li span { cursor: pointer; margin: 0 18px; border-radius: 48px; line-height: 48px; background: #d02036; padding: 0 37px 0 45px; display: flex; align-items: center; white-space: nowrap;  font-size: 16px; color: #ffffff;}
.downLink li span img { margin-right: 6px; display: block;}
.downLink { margin-top: 36px;}
.fixDown { z-index: 2; text-align: center; position: absolute; bottom: 2.6vw; width: 100%; left: 0;}
.fixDown i { animation: downAni 1.5s infinite ease-in-out; display: block; width: 23px; margin: 0 auto;}
.fixDown p { font-size: 16px; color: #ffffff; line-height: 1; margin-bottom: 24px;}
.subEwm { border: 6px solid #ffffff; border-radius: 3px; transition: all 0.5s; transform: scale(0); transform-origin: top center; position: absolute; top: 60px; width: 140px;}
.downLink li.cur .subEwm { transform: scale(1);}
.familyCont { width: 1400px; margin: 0 auto; display: flex; align-items: stretch; justify-content: space-between;}
.familyPage li:nth-child(2n) .familyCont { flex-direction: row-reverse;}
.familyPage li {background: #f7f7f7; position: relative;}
.familyPage li:nth-child(2n) { background: #ffffff;}
.familyPage li .familyCont>div { justify-content: center; flex-direction: column; display: flex; flex-wrap: wrap;  width: 50%;}
.familyImg {padding: 7.5vw 0; display: flex; justify-content: center; align-items: center;}
.familyText h2 {margin-bottom: 40px; line-height: 3; position: relative; font-size: 40px; font-weight: bold; }
.familyText h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background: #d10000;}
.familyText p { font-size: 16px; color: #222222; line-height: 36px;}
.familyText { height: 100vh; background: url(../images/circleLine.png) center no-repeat; background-size: cover;}
.lastFmaily { position: absolute; left: 0; bottom: 0; width: 39.58%;}
.contactList ul { margin-top: 70px; display: flex; gap: 3.5%; flex-wrap: wrap; justify-content: space-between;}
.contactList li { position: relative; background: #ffffff; box-sizing: border-box; padding: 45px 48px 0; height: 335px; width: 31%; margin-bottom: 3.5%;}
.contactList.enContact  li { padding: 30px 30px 0;}
.contactPage { background: #fafafa; padding: 40px 0 90px;}
.contactList li::after { transition: all 0.5s; opacity: 0; content: ''; position: absolute;background: url(../images/contactHover.jpg) center no-repeat; background-size: cover; width: 100%; height: 100%;
left: 0; top: 0;}
.addressCont { position: relative; z-index: 2;}
.contactList li:hover .addressCont {color: #ffffff;}
.contactList li:hover a { color: #ffffff;}
.contactList li:hover::after { opacity: 1;}
.contactList li h2 { transition: all 0.5s; line-height: 1; margin-bottom:60px; font-weight: bold; font-size: 24px; color: #222222;}
.contactList li h3 a { transition: all 0.5s; font-size: 34px; color: #d02036;}
.contactList li h3 {line-height: 1; margin-bottom: 20px;}
.contactList li:hover h2 { color: #ffffff;}
.contactList li p { line-height: 22px; transition: all 0.5s; font-size: 15px; color: #333333;}
.contactList li p a { transition: all 0.5s; color: #333333;}
.contactList li:hover p { color: #ffffff;}
.contactList li span { transition: all 0.5s; font-size: 15px; color: #777777; text-wrap:wrap!important;}
.contactList li:hover span { color: #ffffff;}
.contactList li:nth-child(n + 7) { display: none;}
.contactList.show li:nth-child(n+7) { display: block;}
.peoDesc { height: 85px;}
.contactPage .centerBtn { margin-top: 15px;}
.contactList.enContact li h2 { margin-bottom: 20px; font-size: 16px; line-height: 1.25;}
.contactList.enContact .peoDesc { height: auto;}
/*新闻中心*/
.newsImg {overflow: hidden; height: 270px;}
.newsImg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.newsDesc { background: #f8f8fc; padding: 35px 27px 42px; transition: all 0.3s;}
.newsDesc span { transition: all 0.3s; display: block; font-size: 16px; color: #d02036; margin-bottom: 26px;}
.newsDesc h2 { font-weight: bold; font-size: 22px; transition: all 0.3s; color: #222222; line-height: 28px; height: 56px; margin-bottom: 50px;}
.newsList { padding-bottom: 85px;}
.newsList li { float: left; width:31.7%; margin-right: 2.45%; margin-bottom: 2.45%;}
.newsList li:nth-child(3n) { margin-right: 0;}
.newsList li p { font-size: 15px; color: #999999;}
.newsList li:hover .newsDesc { background: #d02036; color: #ffffff;}
.newsList li:hover h2 { color: #ffffff;}
.newsList li:hover span { color: #ffffff;}
.newsList li:hover p { color: rgba(255,255,255,.54);}
.newsList li:hover img { transform: scale(1.1);}
.newsList ul { margin: 100px auto 25px;}
/*详情页*/
.articleBox { padding: 110px 0 65px;}
.articleDesc h2 { line-height: 46px; margin-bottom: 26px; font-size:26px; font-weight: bold; color: #222222;}
.articleDesc p { margin-bottom: 26px; font-size: 16px; color: #333333; line-height: 36px;}
.articleDesc img { max-width: 100%; margin:0 auto 26px; display: block;}
.articleDetail { float: left; width: calc(100% - 395px);}
.articleTitle h2 { font-weight: bold; font-size: 48px; line-height: 62px; color: #222222;}
.articleTag { margin: 40px 0 70px; display: flex; gap: 80px;}
.articleTag span { font-size: 15px; color: #999999;}
.aboutArticle { float: right; width: 300px;}
.aboutArticle h3 { font-size: 24px; color: #222222;}
.aboutArticle li span {color:#d02036; font-size:16px; display: block; margin-bottom: 15px; line-height: 1;}
.aboutArticle li h2 { transition: all 0.5s; font-size: 22px; font-weight: bold; color: #222222; line-height: 28px; margin-bottom: 42px;}
.aboutArticle li { position: relative; margin-top: 36px; border-bottom: 1px solid #e6e6e6; padding-bottom: 32px}
.aboutArticle li p { font-size: 15px; line-height: 1; color: #999999;}
.aboutArticle li::after { content: ''; background: #d02036; position: absolute; bottom: -1px; left: 0; height: 1px; width: 0; transition: all 0.5s;}
.aboutArticle li:hover::after { width: 100%;}
.aboutArticle li:hover h2 { color: #d02036;}
.articlePage { border-top: 1px solid #e9e9e9; padding-top: 18px; display: flex; justify-content: space-between;align-items: center;}
.pageLink { max-width: calc(100% - 140px);}
.pageLink p { max-width: 500px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 15px; color: #222222; line-height: 38px;}
.backMenu { overflow: hidden; padding: 0 34px 0 38px; border: 1px solid #d02036; border-radius: 54px; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 7px; line-height: 54px;}
.backMenu::after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background:#d02036; transition: all 0.5s;}
.backMenu:hover::after { left: 100%;}
.backMenu span { font-size: 16px; color: #ffffff; position: relative; z-index: 2; transition: all 0.5s;}
.backMenu:hover span { color: #d02036;}
.backMenu i { position: relative; z-index: 2; background: url(../images/refuse.png) center no-repeat; width: 14px; height: 16px; display: block; transition: all 0.5s;}
.backMenu:hover i { transform: rotate(360deg); background: url(../images/refuseRed.png) center no-repeat;}
/*走进华腾*/
.introduceText { width: calc(100% - 730px);}
.introducePic { width: 660px; position: relative;}
.introduce { padding: 70px 0 120px;}
.introduceText h2 { margin-bottom: 48px; position: relative; font-size: 40px; line-height: 3; font-weight: bold; color: #333333;}
.introduceText h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background:#d02036;}
.introduceText p { margin-bottom: 30px; font-size: 16px; color: #222222; line-height: 36px;}
.introduceText p:last-child { margin-bottom: 0;}
.introduce { display: flex; justify-content: space-between; gap: 67px;}
.buildDesc { background: url(../images/aboutBg.jpg) center no-repeat; background-attachment: fixed; background-size: cover; padding: 98px 0 125px;}
.buildCont h2 { margin-bottom: 40px; position: relative; padding-bottom: 35px; font-weight: bold; font-size: 40px; color: #222222; line-height: 58px;}
.buildCont h2 img { margin-left: 12px; vertical-align: -4px;}
.buildCont h2::after {content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background:#d02036;}
.buildCont p { font-size: 16px; color: #222222; line-height: 36px; margin-bottom: 25px;}
.buildCont ul { margin-top: 80px; display: flex;padding-left: 85px;}
.buildCont li b { line-height: 1; margin-bottom: 20px; display: block; font-size: 72px; color: #d02036; text-align: center;}
.buildCont li b i { font-style: normal;}
.buildCont li { text-align: center; margin-right: 14.58vw;}
.buildCont li:last-child { margin-right: 0;}
.buildCont li span { font-size: 16px; color: #222222;}
.manager { background: url(../images/manger.jpg) center no-repeat; background-size: cover;}
.managerCont { padding: 5.2vw 0 5.8vw;}
.managerInfor { display: flex; justify-content: space-between;}
.managerTit { font-size: 40px; font-weight: bold; color: #222222; line-height: 1; margin-bottom: 48px;}
.nameTitle h3 { margin-bottom: 20px; position: relative; font-size: 40px; font-weight: bold; line-height: 1;}
.nameTitle h3 span { font-size: 14px; color:#999999; margin-left: 16px;}
.nameTitle p { font-size: 16px; color: #222222; line-height: 1;}
.nameTitle { margin-bottom: 50px; margin-top: 35px; position: relative; padding-bottom: 47px; margin-top: 32px;}
.nameTitle::after {content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background:#d02036;}
.peopleDesc p { color: #222222; font-size: 16px; line-height: 36px;}
.managerPic {width:calc(100% - 727px); height: 660px;}
.managerPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.managerText { max-width: 100%; width: 645px;}
.managerSay { border-top: 1px solid #e8e8e8; padding-top: 50px; margin-top: 55px;}
.managerSay p { font-size: 16px; color: #999999; margin-bottom: 34px;}
.managerSay img { max-width: 100%;}
.honor { background: #f8f8f8; padding-top: 50px;}
.honorSwiper .swiper-slide { width: auto;}
.honorSwiper img { display: block; height: 322px;}
.honorSwiper {padding-bottom: 5px; margin-top: 90px;}
.mouseNotice { background: url(../images/honorBg.jpg) left top repeat-x; height: 206px;}
.mouseNotice p { padding-top: 80px; display: flex; align-items: center; font-size: 15px; color: #333333;}
.mouseNotice p img { margin-right: 10px;}
.clutureText { width: 48.54%;padding-left: calc(50vw - 700px);}
.cluture { display: flex; justify-content: space-between;}
.clutureImg { width: 47.395%; height:590px;}
.clutureImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.clutureText h2 { margin-bottom:36px; position: relative; font-size: 40px; line-height:100px; font-weight: bold; color: #333333;}
.clutureText h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 3px; background:#d02036;}
.clutureText li { position: relative; display: flex; justify-content: space-between; line-height: 80px; border-top: 1px solid #eeeeee; padding-bottom: 69px;}
.clutureText li p { font-size: 28px; font-weight: bold; color: #333333;}
.clutureText li span { font-size: 18px; color: #777777;}
.clutureText li::after {content: ''; position: absolute; left: 0; top:-1; width: 0; transition: all 0.5s; height: 2px; background:#d02036;}
.clutureText li:hover::after { width: 100%;}
.clutureText img { position: absolute; right: 8px; bottom: 0; transition: all 0.5s; opacity: 0;}
.clutureText li:hover img { opacity: 1;}
.clutureText li:last-child {border-bottom: 1px solid #eeeeee;}
.cluture { padding: 5.8vw 0 6vw;}
.responsibility { padding: 75px 0 100px; background: url(../images/aboutBg2.jpg) center no-repeat; background-size: cover;}
.aboutzr-item{width: 100%;margin-top:148px; margin-bottom:8%;}
.aboutzr-item li{ box-sizing: border-box; float: left; width: 12.8%;height: 512px;text-align: center; margin-right: 1.5%; background-position: center;background-repeat: no-repeat;background-size: cover;transition: all .8s ease; position:relative; z-index:0;}
.aboutzr-item li a { display: block; width: 100%; height: 100%; box-sizing: border-box;padding-top: 206px;transition: all .8s ease;}
.aboutzr-item li:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.43); z-index:-1;}
.aboutzr-item li:last-child{margin-right: 0;transform: translateY(-15px);}
.aboutzr-item li:first-child{transform: translateY(-40px);}
.aboutzr-item li:nth-child(3){transform: translateY(-72px);}
.aboutzr-item li h2{font-size: 26px;color: #fff;margin-bottom: 20px;}
.aboutzr-item li p{font-size: 16px;color: #fff;line-height: 28px;opacity: 0;transition: all .6s ease;transform: translateY(30px);transition: all 0s ease 0s;}
.aboutzr-item li.active{width: 57.1%;text-align: left;}
.aboutzr-item li.active a {;padding:132px 258px 0 48px;}
.aboutzr-item li.active p{opacity: 1;transform: translateY(0);transition: all .4s ease .7s;}
.aboutzr-item ul::after { content: '';clear: both; display: block; height: 0;}
.mobSub { display: none;}
.copyRight br { display: none;}
@keyframes downAni {
	form {transform: translateY(0);}
	50% {transform: translateY(10px);}
	to {transform: translateY(0);}
}
.menubox { display: none;}

.lb-dataContainer {left: 50%; transform: translateX(-50%); position: absolute; top: -40px;}
.resCont { padding: 3vw 0 5.2vw;}
.resList ul::after{ content: ''; clear: both; display: block; height: 0;}
.resList li { padding-top:16.5%; position: relative; overflow: hidden; float: left; width: 24%; margin-right: 1.3333%; margin-bottom: 1.33333%;}
.resList li:nth-child(4n) {margin-right: 0;}
.resList { margin-top: 40px;}
.resList li img { position: absolute; transition: all 0.3s; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.resList li:hover img { transform: scale(1.1);}


/**侧边悬浮**/
.small-header .fix-nav {
  transform: translateX(0);
}
.fix-nav {
  --color1: var(--main-color);
  --fs: 68px;
  --size: 43%;
  --fill: #ffffff;
  margin-top: -172px;
  transform: translateX(100%);
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 9;
  background: #d02036;
  text-align: center;
  transition: transform .3s;
}
.fix-nav .line {
  display: block;
  margin: 0 auto;
  height: 1px;
  width: 80%;
  background: rgba(255, 255, 255, 0.17);
}
.fix-nav .fix-btn {
  display: block;
  position: relative;
  width: 68px;
  height: 68px;
  background: transparent;
  color: #fff;
  font-size: 12px;
  transition: all 0.3s;
}
.fix-nav .fix-btn + .fix-btn {
  margin-top: 5px;
}
.fix-nav .fix-btn.qq {
  --size: 55%;
}
.fix-nav .fix-btn.weixin {
  --size: 46%;
}
.fix-nav .fix-btn.phone {
  --size: 46%;
}
.fix-nav .fix-btn.edit {
  --size: 54%;
}
.fix-nav .fix-btn.return-top {
  --size: 34%;
}
.fix-nav .fix-btn .self-svg {
  width: 68px;
  height:  68px;
  display: flex;
      align-items: center;
      justify-content: center;
}
.self-svg svg.icon {
    width: 43%;
    height: 43%;
    fill: #fff;
}
:root{
	--linear-color: linear-gradient(124deg, #ed7841, #ff0000);
}
.fix-nav .fix-btn .p {
  font-size: 12px;
  line-height: 20px;
  padding-top: 3px;
}
.fix-nav .fix-btn .p-number {
  word-break: keep-all;
  position: absolute;
  right: 50%;
  top: 50%;
  /* height: 100%; */
  flex-direction: column;
  text-align: left;
  line-height: 1.6em;
  font-size: 18px;
  color: #fff;
  width: max-content;
  background-color: var(--color1);
  opacity: 0;
  transition: opacity 0.3s, right 0.3s;
  transform: translateY(-50%);
  pointer-events: none;
}
.fix-nav .fix-btn .p-number .p-number-li {
  /* height: var(--fs); */
  width: 100%;
  padding: .7em 1.4em .7em .5em;
}
.fix-nav .fix-btn .p-number .p-number-li {
  background: #d02036;
}
.fix-nav .fix-btn .p-number .p-tit {
  flex-shrink: 0;
}
.fix-nav .fix-btn:hover {
  background-color: var(--main-color);
}
.fix-nav .fix-btn:hover .p-number {
  opacity: 1;
  right: 100%;
  pointer-events: auto;
}
.fix-nav .fix-btn:hover .code-box {
  opacity: 1;
  right: 100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.fix-nav .code-box {
  margin-top: -76px;
  margin-right: 10px;
  width: 150px;
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  right: 50%;
  opacity: 0;
  transition: opacity 0.3s, right 0.3s;
  transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  padding: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.fix-nav .code-box::before {
  content: "";
  border: 5px solid transparent;
  border-left-color: #fff;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -5px;
}
.fix-nav .code-box .txt {
  font-size: 12px;
  color: #444;
}
[flex] {
  display: flex;
}
[flex][flex~="i"] {
  display: inline-flex;
}
[flex][flex~="wrap"] {
  flex-wrap: wrap;
}
[flex][flex~="no-wrap"] {
  flex-wrap: nowrap;
}
[flex][flex~="ja"] {
  justify-content: space-around;
}
[flex][flex~="jb"] {
  justify-content: space-between;
}
[flex][flex~="js"] {
  justify-content: start;
}
[flex][flex~="jfs"] {
  justify-content: flex-start;
}
[flex][flex~="jc"] {
  justify-content: center;
}
[flex][flex~="je"] {
  justify-content: end;
}
[flex][flex~="jfe"] {
  justify-content: flex-end;
}
[flex][flex~="ais"] {
  align-items: flex-start;
}
[flex][flex~="aic"] {
  align-items: center;
}
[flex][flex~="acc"] {
  align-content: center;
}
[flex][flex~="aie"] {
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .fix-nav {
    display: none;
  }
}
@media screen and (min-width: 1200px){
	.enHeader .nav .menuSlide li a{ text-indent: 0; padding: 10px 20px;}
	.enHeader .nav .menuSlide li a { line-height: 1.25;}
	/* .productSub {
	    height: auto!important;
	    display: none;
	    width: 720px;
	    background: #ffffff;
	    position: absolute;
	    top: 105px;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.menuSlide { width: 480px;}
	.productSub::after { left: 240px;} */
}
@media screen and (max-width: 1800px) {
.buildDesc { padding: 85px 0 110px;}
.container,.banner .swiper-pagination,.familyCont { max-width:1300px;}
.clutureText {padding-left: calc(50vw - 650px);}
.articleTitle h2,.contactCell h2,.familyText h2,.familyBannerText h2,.productTit,.aboutArt h2,.titleCell p,.aboutArt h2,.titleCell p,.introduceText h2,.buildCont h2,.managerTit,.nameTitle h3,.clutureText h2,.mapTitle{ font-size:38px;}
.aboutData p,.buildCont li b { font-size: 70px;}
.aboutCont { padding: 130px 0 120px;}
.project { padding: 85px 0 60px;}
.homeNews { padding: 110px 0 98px;}
.bannerDesc h2 { font-size: 46px;}
.contactCell { padding: 160px 0 120px;}
}
@media screen and (max-width: 1600px) {
.nav>ul {gap: 35px;}
.container,.banner .swiper-pagination,.familyCont { max-width:1300px;}
.clutureText {padding-left: 9vw;}
.descTit p,.articleTitle h2,.contactCell h2,.familyBannerText h2,.productTit,.aboutArt h2,.titleCell p,.aboutArt h2,.titleCell p,.introduceText h2,.buildCont h2,.managerTit,.nameTitle h3,.clutureText h2,.mapTitle { font-size:36px;}
.familyText h2,.aboutData p,.buildCont li b {font-size: 68px;}
.bigText h2 { font-size: 28px;}
.aboutCont { padding: 120px 0 110px;}
.project { padding: 75px 0 50px;}
.homeNews { padding: 100px 0 88px;}
.bannerDesc h2 { font-size: 44px;}
.buildDesc { padding: 75px 0 100px;}
.contactCell {padding: 150px 0 110px;}
.contactList li h2 { font-size: 22px;}
.contactList li { padding: 30px 30px 0;}
.contactList.enContact li { padding: 20px 20px 0;}
.contactList li span { font-size: 14px;}
}

@media screen and (max-width: 1500px) {
.buildDesc { padding: 65px 0 90px;}
.smallMenu { margin-top: 30px;}
.smallMenu a { padding: 0 20px; font-size: 14px; line-height: 34px;}
.container,.banner .swiper-pagination { max-width:82%;}
.nav li h2 a { font-size: 16px;}
.langChose h2 { font-size: 16px;}
.detailTitle h2,.descTit p,.articleTitle h2,.contactCell h2,.familyText h2,.familyBannerText h2,.productTit,.aboutArt h2,.titleCell p,.aboutArt h2,.titleCell p,.introduceText h2,.buildCont h2,.managerTit,.nameTitle h3,.clutureText h2,.mapTitle,.bannerDesc h2 { font-size:34px;}
.aboutData p { font-size: 66px;}
.bigText h2 { font-size: 26px;}
.aboutCont {padding: 110px 0 100px;}
.project { padding: 65px 0 40px;}
.homeNews { padding: 90px 0 78px;}
.insideBanner { height: 500px;}
.contactCell { padding: 140px 0 100px;}
.contactList li h3 a { font-size: 32px;}
}

@media screen and (max-width: 1440px) {
.aboutArticle h3 { font-size: 20px; }
.contactCell { padding: 130px 0 90px;}
.clutureText li p { font-size: 24px;}
.clutureText li span { font-size: 16px;}
.container,.banner .swiper-pagination,.familyCont { max-width:94%;}
.clutureText {padding-left: 3vw;}
.header { padding: 0 3%;}
.detailTitle h2,.descTit p,.articleTitle h2,.contactCell h2,.familyText h2,.familyBannerText h2,.productTit,.aboutArt h2,.titleCell p,.introduceText h2,.buildCont h2,.managerTit,.nameTitle h3,.clutureText h2,.mapTitle { font-size: 32px;}
.aboutData p,.buildCont li b { font-size: 50px;}
.aboutArt a.more { margin-top: 40px;}
.downMouse { left: 10px;}
.aboutCont { padding: 100px 0 90px;}
.more { line-height: 40px; width: 128px; padding: 0 20px;}
.more b { font-size: 14px;}
.aboutData li { margin-bottom: 58px;}
.homeNews { padding: 80px 0 68px;}
.honorSwiper { margin-top: 60px;}
.honorSwiper img { height: 280px;}
.productEnter li p { font-size: 16px;}
.productBox { margin-top: 40px;}
.fpage a { font-size: 14px;}
.ideaBd { margin-top: 50px;}
.ideaHd span { font-size: 18px;}
.ideaHd { margin-top: 50px;}
.jobName p { font-size: 20px;}
.jobTag span { margin-right:60px;}
.contactList li h3 a { font-size: 28px;}
.aboutArticle li h2 { font-size: 20px;}
.descTit span { font-size: 18px; margin-bottom: 0;}
.addressInfor li h2 { font-size: 20px;}
}
@media screen and (max-width: 1280px) {
	.nav>ul {gap: 20px;}
	.contactList li h2 { font-size: 20px; margin-bottom: 20px;}
	.contactList li { height: 265px;}
	.contactList li p { font-size: 14px;}
}
@media screen and (max-width: 1200px) {
	.productSub::after { display: none;}
	.addressInfor li h2 { font-size: 18px;}
	.bigPic img { height: auto; max-width: 80%;}
	.picCont { float: none; margin: 0 auto; max-width: 100%;}
	.descCont { float: none; width: 100%; margin-top: 20px;}
	.aboutArticle li h2 { font-size: 16px;}
	.ideaHd { margin-top: 20px;}
	.ideaHd span { font-size: 16px; line-height: 3;}
	.ideaHd span::after {height: 2px;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .logo img { display: block; opacity: 0;}
	.header .logo img:nth-child(2) { opacity: 1;}
	.header .nav li h2 a { line-height: 80px;}
	.langChose h2 { line-height: 60px;}
	.header .nav li h2 a{ color: #333333;}
	.header .langChose h2 { color: #333333; background: url(../images/blackEarth.png) left center no-repeat;}
	.header .searchEnter { background: url(../images/blackSearch.png) center no-repeat;}
	.header .logo img {height: 16px;}
	.nav { height:100vh; position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.nav li h2 a {  line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto;}
	.nav li.act h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.menubox{ display: block; position: absolute;right: 4%; top: 10px; width:45px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: #d02036;transition: 0.6s;}
	.menubox div:nth-child(1){top: 9px;}
	.menubox div:nth-child(2){top: 19px;}
	.menubox div:nth-child(3){top: 29px;}
	.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}
	.langChose { margin-right: 50px;}
	.nav li dl { position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}	.nav.cnNav li dl {
	    width: 100%;
	    padding: 0;
	}
	.nav li dl dt { text-align: left; text-indent:30px;}
	.productSub { width: 100%; position: static; transform: translate(0);}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}
	body { padding-top: 60px;}
	.productEnter { margin-bottom: 20px; margin-top: -40px;}
	.productEnter li p { font-size: 12px;}
	.productEnter li img { height: 30px; margin-bottom:6px;}
	.aboutArticle { float: none; width: 100%; margin-top: 20px;}
	.aboutArticle h3 { font-size: 18px;}
	.aboutArticle li {padding-bottom: 10px; margin-top: 10px;}
	.aboutArticle li h2 { margin-bottom: 5px; margin-top: 5px;}
	.aboutArticle li p { font-size: 13px;}
	.addressInfor li p { font-size: 14px;}
}
@media screen and (max-width: 1080px) {
	.addressInfor li h2 { font-size: 16px;}
	.aboutArticle h3 { font-size: 16px;}
	.fixForm { margin: 20px auto 0;}
	.aboutArticle li h2 { font-size: 14px;}
	.aboutArticle li span { font-size: 14px; margin-bottom: 0px;}
	.fixForm input, .fixForm select { font-size: 14px; height: 40px; text-indent: 20px;}
	.selectIcon { right: 20px;}
	.checkCode img { height: 40px;}
	.centerBtn { margin-top:20px;}
	.fixForm li textarea { font-size: 14px; padding:0 20px; line-height: 40px; height: 120px;}
	.inpBox { width: 100%; margin-bottom: 10px;}
	.fixForm li { margin-bottom: 10px; display: block;}
	.contactList ul { margin-top: 20px;}
	.contactList li h2 { font-size: 16px; margin-bottom: 10px;}
	.contactList li h3 a { font-size: 20px;}
	.contactList li h3 { margin-bottom: 10px;}
	.peoDesc { height: auto; margin-bottom: 10px;}
	.contactList li span { font-size: 14px;}
	.contactList li { width: 100%; height: auto; padding: 20px;}
	.contactCell { padding: 30px 0;}
	.productList ul { margin-bottom: 20px;}
	.fpage { gap: 5px;}
	.fpage a { width: 30px; height: 30px;}
	.productList li p { font-size: 14px; line-height: 2.5;}
	.fpage a { font-size: 12px;}
	.productEnter li { height: 80px;}
	.productEnter.enEnter li { padding: 10px 0; width: 32%; text-align: center;}
	.productEnter.enEnter li p { line-height: 1;}
	.buildDesc { padding: 30px 0;}
	.introducePic { width: 100%; text-align: center;}
	.introduceText { width: 100%;}
	.introduceText p { font-size: 14px; line-height: 2; margin-bottom: 14px;}
	.introduceText h2 { margin-bottom: 20px;}
	.location { bottom: 10px;}
	.smallMenu a { margin-right: 5px; margin-bottom: 5px;}
	.bannerDesc p { font-size: 14px;}
	.smallMenu { margin-top: 10px; flex-wrap: wrap;}
	.bannerDesc { top: 50%; transform: translate(-50%,-50%);}
	.insideBanner { height: 300px;}
	.introduce { gap: 0; padding: 30px 0; flex-wrap: wrap;}
	.homeList li { gap: 15px; padding-bottom:20px; margin-bottom: 20px; flex-wrap: wrap;}
	.newsText { width: 100%;}
	.newsText h2 { margin: 5px 0; font-size: 16px;}
	.newsText p { margin-bottom: 5px; font-size: 14px;}
	.newsPic { width: 100%; height: auto;}
	.homeList { width: 100%; margin-top: 20px;}
	.bigText { bottom: 20px; left: 10px; right: 10px;}
	.bigText h2 { font-size: 18px;}
	.bigText p { font-size: 14px; margin-bottom: 10px; line-height: 1.5;}
	.bigNews { width: 100%; height: auto;}
	.newsTitle { flex-wrap: wrap;}
	.newsTitle .more { margin-top: 10px;}
	.homeNews .titleCell p { margin-top: 10px;}
	.newsBox { display: block; margin-top:15px;}
	.homeNews { padding: 30px 0;}
	.footLink { display: none;}
	.footerTop { justify-content: center; padding: 30px 0 20px;}
	.copyRight { display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 0;}
	.contactLink ul { justify-content: center;}
	.footer { text-align: center;}
	.contactLink { margin-bottom: 10px;}
	.aboutCont { padding: 30px 0;}
	.aboutArt { width: 100%;}
	.indexAbout .container { flex-wrap: wrap;}
	.detailTitle h2,.descTit p,.articleTitle h2,.contactCell h2,.familyText h2,.familyBannerText h2,.productTit,.aboutArt h2, .titleCell p,.aboutArt h2, .titleCell p, .introduceText h2, .buildCont h2, .managerTit, .nameTitle h3, .clutureText h2, .mapTitle { font-size:18px; line-height:2.5;}
	.buildCont h2 { margin-bottom: 20px; line-height: 1.5; padding-bottom: 20px;}
	.buildCont p { font-size: 14px; line-height: 2; margin-bottom: 14px;}
	.buildCont h2 br { display: none;}
	.buildCont h2 img { height:24px;}
	.aboutArt h2 { margin: 15px 0;}
	.aboutArt span,.titleCell span { font-size: 16px;}
	.aboutArt p { font-size: 14px; margin-bottom: 6px;}
	.aboutArt a.more { margin-top: 20px;}
	.aboutData { width: 100%; text-align: center; }
	.buildCont ul { margin-top: 20px;}
	.aboutData ul,.buildCont ul {display: flex; padding: 0; gap: 15px; justify-content: space-between;}
	.aboutData p,.buildCont li b { margin-bottom: 0; font-size: 30px;}
	.aboutData li b,.buildCont li span { font-size: 14px;}
	.aboutData li,.buildCont li { margin: 0;}
	.project { padding: 30px 0;}
	.project .titleCell p { margin-top: 0;}
	.projectSwiper { padding-bottom: 20px;}
	.projectSwiper .swiper-pagination span { width: 40px; height: 2px;}
	.projectSwiper .swiper-pagination span.swiper-pagination-bullet-active { height: 4px;}
	.project .titleCell { margin-bottom: 20px;}
	.projectDesc { position: absolute; top: 20px; left: 10px; right: 10px;}
	.projectDesc p { font-size: 14px; line-height: 1.5; height: 42px;}
	.projectDesc h2 { font-size: 15px; margin-bottom: 5px;}
	.projectDesc .moreIcon { width: 30px; height: 30px; margin-top: 10px;}
	.bannerDesc h2 { font-size: 20px;}
	.managerCont { padding: 30px 0;}
	.managerInfor { flex-wrap: wrap;}
	.managerPic { width: auto; height: auto;}
	.managerTit { margin-bottom: 20px; line-height: 1;}
	.managerText { width: 100%;}
	.nameTitle { margin-top: 20px;padding-bottom: 20px; margin-bottom: 20px;}
	.nameTitle h3 { margin-bottom: 0;}
	.peopleDesc p { font-size: 14px; line-height: 2;}
	.managerSay { margin-top: 20px; padding-top: 20px;}
	.honor { padding-top: 30px;}
	.honorSwiper { margin-top: 20px;}
	.honorSwiper img { height: 200px;}
	.mouseNotice { height: 100px;}
	.mouseNotice p { padding-top: 40px;}
	.cluture { padding: 30px 0; flex-wrap: wrap;}
	.clutureText { padding: 0 4%; width: 100%;}
	.clutureText li p { font-size: 16px;}
	.clutureText li span { font-size: 14px;}
	.clutureText img { width: 50px;}
	.clutureText li { padding-bottom: 0;}
	.clutureImg { height: auto; width: 92%; margin: 0 auto;}
	.clutureText h2 { margin-bottom: 20px;}
	.responsibility { padding: 30px 0;}
	.downMouse { display: none;}
	.articleBox { padding: 30px 0;}
	.articleDetail { float: none; width: 100%;}
	.articleTitle h2 { line-height: 1.5;}
	.articleTag {display: block;}
	.articleTag span { display: inline-block; font-size: 14px;}
	.articleTag { margin:10px 0;}
	.articleDesc p { font-size: 14px; line-height: 1.75; margin-bottom: 14px;}
	.articleDesc img { margin-bottom: 14px;}
	.articleDesc h2 { font-size: 16px; line-height: 1.75; margin-bottom: 14px;}
	.backMenu span { font-size: 14px;}
	.pageLink p { font-size: 14px; line-height: 1.75;}
	.backMenu { padding: 0 10px; line-height: 30px;}
	.descList p { font-size: 14px; line-height:2; margin-bottom: 0;}
	.bigPic { margin-bottom: 20px;}
	.descTit { margin-top: 20px; padding-bottom: 0; margin-bottom: 20px;}
	.descTit span { font-size: 16px; margin-bottom: 0;}
	.descList { padding-bottom: 20px;}
	.descBtn { justify-content: center; text-align: center; padding-top: 20px;}
	.descBtn a { width: 140px; line-height: 3; font-size: 14px; padding: 0 15px!important;}
	.descBtn a.goBuy span,.descBtn a.videoEnter span{ font-size: 14px;}
	.detailCont { margin: 20px auto;}
	.plist ul { margin: 20px auto 30px;}
	.plist li { width: 49%; margin: 0 0 2% 0;}
	.plist li:nth-child(2n) { float: right;}
	.plist li p { font-size: 14px; line-height: 3;}
	.servicePoint { padding-top: 20px;}
	.cityChose { margin: 20px auto;}
	.cityChose ul { display: block;}
	.cityChose li { margin-bottom: 10px;}
	.cityChose li h2{ font-size: 14px;}
	.cityChose dt a { font-size: 14px; line-height: 2;}
	.cityChose li:hover { z-index: 10;}
	.addressInfor { padding: 20px 0 20px 20px; position: static; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin: 20px auto; transform: translate(0);}
	#map { position: static; height: 260px;}
	.mapCont { height: auto;}
	.addressInfor ul { padding-right: 20px;}
	.addressInfor li { margin-bottom: 10px; padding-bottom: 10px;}
	.addressInfor li img { margin-bottom:0}
}
@media screen and (max-width: 780px){
	.resCont { padding: 40px 0;}
	.resList { margin-top: 20px;}
	.resList li { width: 49%; margin-right: 0; margin-bottom: 2%; padding-top: 30%;}
	.resList li:nth-child(2n) { float: right;}
	.videoList ul { margin: 20px auto;}
	.searchBox { position: static;}
	.searchinput { width: 100%; border-top: 1px solid #eee; transform-origin: top center;  padding:10px; background: #ffffff; top: 60px; margin-top: 0;}
	.header .langChose h2 { font-size: 14px;}
	.productBox { margin-top: 20px;}
	.productList { float: none; width: 100%;}
	.proMenu { float: none; width: 100%; padding: 10px; margin-bottom: 20px;}
	.aboutzr-item{margin-top: 20px;}
	.aboutzr-item li{width: 100%;height:auto; padding: 36px 20px;margin-top: 1%; margin-bottom:1%;margin-right: 0;position: relative;}
	.aboutzr-item li::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.4);}
	.aboutzr-item li:first-child{transform: translateY(0px);}
	.aboutzr-item li:nth-child(3){transform: translateY(0px);}
	.aboutzr-item li:last-child{transform: translateY(0px);}
	.aboutzr-item li h2{ font-size: 16px; position: relative;z-index: 2;margin-bottom: 10px;}
	.aboutzr-item li p{opacity:1;line-height: 26px;position: relative;z-index: 2;transform: translateY(0); font-size:13px;}
	.aboutzr-item li.active{padding:60px 20px;width: 100%;text-align: center;}	
	.productList li,.videoList li { width: 49%; margin: 0 0 2%; }
	.productList li:nth-child(2n),.videoList li:nth-child(2n) { float: right;}
	.proMenu a { font-size: 14px; line-height: 3;}
	.videoList li p { font-size: 14px;}
	.videoPic span { width: 30px; height: 30px; background-size: 100% auto!important;}
	.videoList li p { line-height: 3; padding: 0 10px; font-size: 14px;}
	.videoPage { padding: 20px 0 30px;}
	.newsList li { float: none; width: 100%;}
	.newsList ul { margin: 30px 0 20px;}
	.newsDesc h2 { font-size: 15px; height: 45px; font-weight: normal; line-height: 1.5; margin-bottom: 10px;}
	.newsDesc span { margin-bottom: 10px;}
	.newsDesc { padding: 10px 20px;}
	.newsDesc span { font-size: 14px;}
	.footLogo img { height: 20px;}
	.familyBannerText p { font-size: 14px; line-height: 1.5;}
	.downLink li span { line-height: 32px; font-size: 14px; padding: 0 20px;}
	.familyBanner { height: 350px;}
	.familyBannerText h2 { margin-bottom:10px; line-height: 1;} 
	.downLink { margin-top: 10px;}
	.familyBanner img { height: 100%; object-fit: cover;}
	.fixDown p { font-size: 14px; margin-bottom: 5px;}
	.familyText p { font-size: 14px;}
	.familyText { height: auto;}
	.familyText h2 { margin-bottom:0;}
	.familyCont,.familyPage li:nth-child(2n) .familyCont { flex-direction: column;}
	.familyPage li .familyCont>div { width: 100%;}
	.familyPage li { padding: 20px 0;}
	.familyImg img { height: 170px;}
	.familyPage li:last-child { padding-bottom: 180px;}
	.familyText h2::after,.productTit::after { width: 30px; height: 2px;}
	.banner .swiper-pagination span { width: 8px; height: 8px; border: 1px solid #ffffff; margin-right: 6px!important;}
	.bannerText p { font-size: 20px;}
	.indexAbout .aboutArt h2 { line-height: 1.5;}
	.subEwm { width: 100px; top: 40px;}
	.ideaPic { width: 100%; height: auto;}
	.ideaDesc { position: relative; max-width: 100%; right: auto; top: auto; bottom: auto;}
	.ideaDesc { font-size: 14px; padding:45px 20px 20px; line-height: 1.5;}
	.ideaDesc::after { right: 10px; top: 10px; width: 39px; height: 32px; background-size: 100% auto;}
	.ideaBd { margin-top: 20px;}
	.joinDesc { padding: 20px 0 30px;}
	.ideaHd span { font-size: 14px;}
	.development { padding: 20px 0 30px;}
	.developDesc { margin: 20px auto; font-size: 14px; line-height: 1.5; max-width: 92%;}
	.developSwiper { padding-bottom: 20px;}
	.developSwiper .swiper-pagination span { height: 2px;}
	.developSwiper .swiper-pagination span.swiper-pagination-bullet-active { height: 3px;}
	.jobList { margin: 20px auto 0;}
	.jobTag span { margin: 0 10px 10px 0;display: inline-flex; align-items: center; font-size: 14px;}
	.jobTag { display: flex; flex-wrap: wrap;  }
	.jobName { padding:20px 20px 10px}
	.jobName p { font-size: 16px; margin-bottom: 10px;}
	.joinCont { padding: 20px 0 30px;}
	.descSub { padding: 20px;}
	.descSub p { font-size: 14px; line-height: 1.75;}
	.jobName i { width: 11px; height: 6px; background-size: 100% auto; right:10px;}
	.contactCell a.more span { font-size: 14px; line-height: 30px;}
	.contactCell h2 { text-align: center; margin-bottom: 10px;}
	.contactCell a.more { display: inline-flex;}
	.contactCell  { text-align: center;}
	.contactPage { padding: 20px 0 30px;}
	.langChose dl,.small-header .header dl {top: 60px; border-radius: 0 0 4px 4px;}
	.langChose dl::after { display: none!important;}
	.project ul { flex-wrap: wrap; gap: 10px;}
	.project li { flex: calc(50% - 5px);}
	.aboutzr-item li a,.aboutzr-item li.active a { padding: 0;}
	.fix-nav {transform: translateX(0); display: flex; align-items: center; justify-content: space-between; position: fixed; bottom:0; width: 100%; left: 0!important; top: auto;}
	.fix-nav>a:last-child { display: none;}
	.fix-nav .fix-btn { width:25%;}
	.fix-nav .line { height:68px; width: 1px;}
	.fix-nav .fix-btn .self-svg { margin: 0 auto;}
	body { height: auto; padding-bottom: 68px;}
	.fix-nav .code-box { left: 50%; bottom:76px; margin: 0;  margin-left: -75px;  top: auto;}
	.fix-nav .code-box::before {
	    content: "";
	    border: 5px solid transparent;
	    border-left-color: #fff;
	    position: absolute;
	    left: 50%;
	    top: 100%;
	    /* margin-top: -5px; */
	    transform: rotate(90deg); margin: 0;}
	.fix-nav .fix-btn .p-number { position: fixed; left: 0; width: 100%; bottom: 68px; top: auto; transform: translate(0);}
	.p-n-con { flex: 1;}
	.fix-nav .fix-btn .p-number .p-number-li {padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.17); font-size: 14px;}
	.newsTitle { flex-direction:  column;}
	.newsCont .titleCell { max-width: 100%;}
	.homeNews .titleCell p { line-height: 1.25;}
	.newsTitle {align-items: start;}
	.project .titleCell p { line-height: 1.25;}
	.enHeader .nav li dt a { font-size: 14px;}
	.enHeader .nav { width: 260px;}
}